import React from 'react'
import HeaderNav from '../../../components/HeaderNav'
import Swiper from '../../../components/Swiper'
import Banner1 from '../../../assets/images/banner1.png'
import Banner2 from '../../../assets/images/banner2.png'
import Banner3 from '../../../assets/images/banner3.png'
import HomeHotList from './HomeHotList'
import { useSelector } from 'react-redux'

const Home = () => {

  const city = useSelector(state => state.city)

  return (
    <div>
      <HeaderNav cityName={ city.cityName }/>
      <Swiper banners={[Banner1,Banner2,Banner3]}/>
      <HomeHotList cityName={ city.cityName }/>
    </div>
  )
}

export default Home